var timer
$(function() {
	//系统管理
	//----系统信息
	/**
	 * Init
	 *
	 * 
	 * |-- 
	 * |   `-- 
	 * |   `-- 
	 * |	   `-- 
	 * |		   `-- 
	 * |		   `-- 
	 * |			   `-- 
	 * |		   `-- 
	 * |-- 
	 * |-- 
	 */
	var ad = appData();

	var tmplObj = null;
	var arrys = []
	console.log('已加载')
	var one = true

	DomNameStart()

	function DomNameStart() {

		
		//侧面添加class、索引加载
		//$('.sys-sidebar ul li').eq(0).find('ul li ').eq(0).addClass('active')

		var name = $('.sys-sidebar').find('li .active a').text()

		$("#TopName").text(name) //替换头部日志名称
		
		ad.selectList("SYS_INFO_CHARTS2",{},function(data){
			$("#serverIp").val(data.serverIp)
			$("#serverVersion").val(data.serverVersion)
			$("#serverName").val(data.serverName)
			$("#serverLocation").val(data.serverLocation)
			$("#adminName").val(data.adminName)
			$("#adminPhone").val(data.adminPhone)
			
		})
		
		$("#edit").on("click",function(){
		      if($(this).text()=="编辑"){
		        $(".form-content input").removeClass('input-normal').removeAttr("disabled");
		        $(this).text("保存")
		       
		      }else{
			          $(".form-content input").addClass('input-normal').prop("disabled","true");
			          $(this).text("编辑")
			        	 var params = {
				        	ip:$("#serverIp").val(),
							serverVersion:$("#serverVersion").val(),
							serverName:	$("#serverName").val(),
							serverLocation:	$("#serverLocation").val(),
							adminName:	$("#adminName").val(),
							adminPhone:	$("#adminPhone").val()
						}
				        ad.insert("SYS_INFO_CHARTS3",params,function(){
				        	
				        })  
		        	}
        })

	}
		var  myChart1, myChart2, myChart3;
	function startOptions() {
	
		ad.selectList("SYS_INFO_CHARTS1",{},function(data){
			
//		for(var i=0;i<data.length;i++)
		var option21 = {
							title: {
								text: 'CPU',
								"x": "center"
							},
							series: [{
								name: 'CPU使用情况',
								type: 'gauge',
								radius: '85%',
								center: ['50%', '58%'], // 默认全局居中
                                axisLine: {            // 坐标轴线
                                    lineStyle: {       // 属性lineStyle控制线条样式
                                        width: 5
                                    }
                                },
                                splitLine: {           // 分隔线
                                    length: 10,         // 属性length控制线长
                                    lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
                                        color: 'auto'
                                    }
                                },
								detail: {
									textStyle: {
										fontSize: 20,
									}
								},
								data: [{
									value: data.cpuValue
								}]
							}]
						};
							
		var option22 = {
						title: {
							text: '内存使用情况',
							"x": "center"
						},
						series: [{
							name: 'CPU资源占用率',
							type: 'gauge',
							radius: '85%',
							center: ['50%', '58%'], // 默认全局居中
                            axisLine: {            // 坐标轴线
                                lineStyle: {       // 属性lineStyle控制线条样式
                                    width: 5
                                }
                            },
                            splitLine: {           // 分隔线
                                length: 10,         // 属性length控制线长
                                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
                                    color: 'auto'
                                }
                            },
							detail: {
								textStyle: {
									fontSize: 20,
								}
							},
							data: [{
								value: data.dataValue
							}]
						}]
					};
		var option23 = {
						title: {
							text: '磁盘I/O使用情况',
							"x": "center"
						},
						series: [{
							name: '磁盘I/O使用情况',
							type: 'gauge',
							radius: '85%',
							center: ['50%', '58%'], // 默认全局居中
                            axisLine: {            // 坐标轴线
                                lineStyle: {       // 属性lineStyle控制线条样式
                                    width: 5
                                }
                            },
                            splitLine: {           // 分隔线
                                length: 10,         // 属性length控制线长
                                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
                                    color: 'auto'
                                }
                            },
							detail: {
								textStyle: {
									fontSize: 20,
								}
							},
							data: [{
								value: data.ioValue
								// name: '使用率'
							}]
						}]
					};
					
			        
					if(one){
						 myChart1 = echarts.init(document.getElementById('chart21'));
					
       				
       				 
       				  myChart2 = echarts.init(document.getElementById('chart22'));
       				 
        
			         myChart3 = echarts.init(document.getElementById('chart23'));
			        
						 myChart1.setOption(option21, true);
						 myChart2.setOption(option22, true);
						  myChart3.setOption(option23, true);
						  one = false
					}else{
						 myChart1.setOption(option21, true);
						 myChart2.setOption(option22, true);
						  myChart3.setOption(option23, true);
					}
					
					
			       
	},'',true)
	}
	  
		if(timer){
		
			clearInterval(timer)
		}
	
		 timer = setInterval(function() {
				
				if($('.sys-sidebar').find('li .active a').text()=='系统信息'){
					startOptions()
				}else{
					clearInterval(timer)
		      }
		
		}, 2000)
	
	
	
})